<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        video {
            z-index: 100;
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            object-fit: fill;
            /*这里是关键*/
            width: auto;
            height: auto;
            -ms-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background-size: cover;
        }
    </style>
</head>

<body>
    <!-- <iframe style='width:100%;height:100%' frameborder='no'></iframe></body> -->
    <video src="1.mp4" id="video" muted autoplay="autoplay"><iframe style='width: 600px;height: 338px' frameborder='no' allowfullscreen mozallowfullscreen webkitallowfullscreen src='http://go.plvideo.cn/front/video/preview?vid=5f5557214bdbb286a0ed374a14e6dc80_5'></iframe></video>

    <script>
        var elevideo = document.getElementById("video");
        elevideo.addEventListener('ended', function() {
            location.href = 'file:///E:/%E4%BD%9C%E4%B8%9A/html/%E6%9C%9F%E6%9C%AB%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99/%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99.html'
        })
    </script>
</body>

</html>